/* define default background and font size */
body {
background: #333333;
font-size:14px;
}

.b-col-3 .img {
    height: 150px !important;
}

/* default font style */
.container {
font-family: 'Open Sans', sans-serif;
}


/* default row block behaviour */
.row {
overflow-x:hidden;
}

/* the following are default styles for all text on site */
.container p {
margin:0;
color: #1a1a1a;
font-size:14px;
line-height:150%;
font-family: 'Open Sans', sans-serif;
margin-bottom:20px;
}

.thefooter p {
font-size:14px;
}

h1,h2,h3,h4,h5 {
font-family: 'Libre Baskerville', sans-serif;
color: #487a6e;
font-size:16px;
line-height:100%;
font-weight:bold;
margin-bottom:13px;
}

/* change this whole css definition if required for container style boxes */
.blueboxes h1, .blueboxes h2, .blueboxes h3, .blueboxes h4, .blueboxes p {
color:#fff;
}

/* default horizontal rule style */
.container hr {
border-top:0px solid #eee;
border-bottom:1px solid #eee;
margin:0 0 15px 0;

clear:both;
}

/* default link colour */
.container a {
color: #5d9990;
}

/* responsive css for images */
.container img {
display: block;
max-width: 100%;
height: auto;
}

/* logo styling and location */
.thelogo {
background: url(../images/logo.png) no-repeat;
width:329px;
height:52px;
}

/* top menu sizing */
.thenav {
padding: 15px 0 0 20px;
margin-left: 20px;
float: right;
}

/* set defaults */
.thenav ul {
margin:0;
padding:0;
}

/* set default li as inline */
.thenav li {
display:inline;
list-style:none;
}

/* set link styles */
.thenav a {
padding: 10px 12px;
text-decoration:none;
font-family: 'Libre Baskerville', sans-serif;
font-size:16px;
line-height:100%;
color: #fff;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* link hover */
.thenav a:hover {
background: #3e7b6f;
color:#fff;
}

/* active page link styling */
.thenav .nav-path-selected a {
background: #3e7b6f;
color:#fff;
}

/* if used for a div above theleftnav, can be used to define a left menu heading */
.inthissection {
text-decoration:none;
font-family: 'Droid Sans', sans-serif;
color: #fff;
font-size:14px;
margin:0;
border-bottom:1px solid #eee;
}

/* left menu styles */
.theleftnav {

margin-bottom:10px;

clear:both;
overflow: hidden;

}

/* set defaults */
.theleftnav ul{
margin:0;
padding:0;
}

/* set defaults and define as blocks*/
.theleftnav li {
display:block;
list-style:none;
margin:0 !important;
}

/* set default styles for links */
.theleftnav a {
display:block;
padding: 12px 14px;
text-decoration:none;
color: #3d7b6e;
background: #fff;
margin-bottom:10px;
font-family: 'Libre Baskerville', sans-serif;
font-size:16px;
}

/* link hover */
.theleftnav a:hover {
border-left: 5px solid #3d7b6e;
}

/* link active page styling */
.theleftnav li.nav-path-selected a{
border-left: 5px solid #3d7b6e;
}

/* styles for subpages below second level on left nav */
.theleftnav ul ul{
}

.theleftnav ul ul li a{
padding-left:34px;
}


/* set defaults for mobile dropdown */
.themobilenav {
margin:0;
text-align: center;
float:none;
}

.themobilenav ul {
margin:0;
padding:0;
}

.themobilenav li {
display: block;
width: 100%;
}

/* styles for mobile nav - set to match styles of top default menu */
.themobilenav a {
padding: 9px 7px;
background: #fff;
color:#363634;
font-size:16px;
text-decoration:none;
display:block;
}

.themobilenav a:hover {
background:#3d7b6e;
color:#fff;
}

.themobilenav .nav-path-selected a {
background:#3d7b6e;
color:#fff;
}

/* used for mobile dropdown script */
#slidedown {
display:none;
}


/* custom box styles */
.offers{
background: #5d9990;
padding: 10px;
}

.offers p, .offers h1{color: #fff;}

.offers h1{border-bottom: 1px solid #fff}

.boxlinks{
text-align: right;
padding: 20px 0;

}

.boxlinks a{
padding: 10px;
color: #fff;
background: #ff8b07;
margin-left: 10px;
font-family: 'Libre Baskerville', sans-serif;
font-size:16px;
}

.whiteboxes {
background: #fff;
padding:15px;
margin-bottom:10px;
clear:both;
overflow: hidden;
border: 1px solid #eee;
}


.whiteboxessub {
background: #fff;
background:rgb(255,255,255);
background:rgba(255,255,255,0.8);
padding:20px;
margin-bottom:10px;
clear:both;
overflow: hidden;
border: 1px solid #eee;
-moz-border-radius: 5px;
border-radius: 5px;
}

.greyboxes {
background: #f7f7f7;
padding:15px;
margin-bottom:10px;
clear:both;
overflow: hidden;
border: 1px solid #eee;
-moz-border-radius: 5px;
border-radius: 5px;
}

.greyboxeshome {
background: #f7f7f7;
background:rgb(247,247,247);
background:rgba(247,247,247,0.8);
padding:20px;
clear:both;
overflow: hidden;
border-right: 1px solid #eee;
min-height: 300px;
}

.boxeshomewrapper {
border: 1px solid #eee;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:10px;
}

.blueboxes {
background: #00adef;
padding:15px;
margin-bottom:10px;
clear:both;
overflow: hidden;
border: 1px solid #eee;
-moz-border-radius: 5px;
border-radius: 5px;
}

.lightblueboxeshome {
background: #ecf8fe;
background:rgb(236,248,254);
background:rgba(236,248,254,0.8);
padding:20px;
clear:both;
overflow: hidden;
min-height: 300px;
}

.blackboxes {
background: #1a1a1a;
padding:10px;
margin-bottom:10px;
clear:both;
overflow: hidden;
}

.toplinks {
background: #3d7b6e;
padding:10px;
clear:both;
float:right;
text-align: center;
font-weight: bold;
}

.toplinks img{
display: inline;
margin-right: 5px;
}

.toplinks p{
margin-bottom: 0;
color: #fff;
font-size: 18px;
}

/* to allow for bulleted lists. On this site greyboxes contains the Main content section, this can be changed so that whatever section contains the main content is defined here, by a class or ID just so that Main is able to display bulleted lists  */
.greyboxes li {
list-style: disc;
margin-left:-20px;
}

/* can be used to add custom spacing */
.bottom-margin {
margin-bottom:10px;
overflow:hidden;
}

/* footer sizing */
.thefooter {
padding:25px 0px;
overflow:hidden;
}

.theFooterBlock{
padding: 20px;
margin-right: 10px;
background: #82b4d3;
color: #fff!important;
}

.theFooterBlock h1,.theFooterBlock a,.theFooterBlock p{color: #fff;}

.theFooterBlock p{margin: 0;}

/* set default background for all full width sections */
.jumbotron {
background: none;

}

/* custom style for specific section */
.jumbohead {
background: #5d9991 url(../images/leaf-bg.jpg) bottom left no-repeat;
padding-bottom:20px;
border-bottom: 1px solid #e1e1e1;
}

/* custom style for specific section */
.jumbotop {
padding-bottom: 10px;
background: #fff;
}

.paddedOuter{
margin-top: 10px;
padding: 10px;
background: #fff;
border: 3px solid #e3dbcf;
border-radius: 5px;
}

.paddedOuter h1{
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}

.chooseCottage p{
margin: 0; 
max-width: 362px;
}

.chooseCottage h1{
border: none;
color: #fff;
background: #5d9990;
margin: 0 0 10px;
padding: 10px;
max-width: 362px;
}

.chooseCottage a{
color: #fff;
text-decoration: none;
}

.indented{padding: 0 0 0 10px;}

.leftOffers{
background: #5d9990;
padding: 10px;
}

.leftOffers p{
color: #fff;
margin: 0;
}

.leftOffers h1{
color: #fff;
border: 0;
margin: 0;
padding: 0;
}

.jumbomiddle {
padding-bottom:10px;
}

.sliderText{
position: absolute;
background-color:rgba(0,0,0,0.7);
color: #fff;
padding: 20px;
left: 10px;
bottom: 0px;
}

.sliderText h1, .sliderText p{color: #fff;}


/* custom style for specific section */
.jumbobottom {
background: #f5f5f5;
padding: 20px 0 10px 0;
}

/* custom style for specific section */
.jumbofoot {
background: #5d9991;
color: #fff;
text-align: center;
}

.jumbofoot h1{
padding: 40px;
color: #fff;
font-style: italic;
}

.finalNav{background:#e6e6e6;}

.finalNavBox{
margin: 10px 0;
padding: 20px;
background:#fff;
}

.homeCta p{margin: 0;}

.graphicLink{
display: block;
padding: 15px 5px 15px 20px;
color: #fff!important;
background: #0d9fd1;
font-size: 16px;
margin-bottom: 20px;
}

.graphicLink span{
float: right;
color: #0d9fd1;
background: #fff;
padding: 10px 15px;
margin-top: -10px;
border-radius: 5px;
}

.base{padding-top: 20px;}

.base p, .base a, .base h1{color: #fff;}

.base h1, .base a{font-style: italic;}

.base a{
font-family: 'Libre Baskerville', sans-serif;
color: #fff;
font-size:16px;
line-height:100%;
font-weight:bold;
}

/*raises content underneath up*/
.pullup {
margin-top:-55px;
}

/*for home page content block styling*/
.padding-left-cancel {
padding-left:0px;
}

.padding-right-cancel {
padding-right:0px;
}


@media (max-width: 991px) {



.thenav {
padding: 20px 0 10px;
margin-left:0;
}

.padding-right-cancel {
padding-right:10px;
}
.padding-left-cancel {
padding-left:10px;
}

}



@media (max-width: 767px) {


.toplinks {
margin-bottom: 20px;
}

/* spacing under mobile blocks */
.thefooter .col-xs-1, .thefooter .col-xs-2, .thefooter .col-xs-3, .thefooter .col-xs-4, .thefooter .col-xs-5, .thefooter .col-xs-6, .thefooter .col-xs-7, .thefooter .col-xs-8, .thefooter .col-xs-9, .thefooter .col-xs-10, .thefooter .col-xs-11, .thefooter .col-xs-12 {
margin-bottom:10px;
}

/* center mobile logo */
.thelogo {margin:0 auto;}

/* center second level menu */
.theleftnav ul {
text-align:center;
}

.theleftnav a {
padding-left:0px;
border-left:0px;
}

.theleftnav a:hover {
padding-left:0px;
border-left:0px;
}

.theleftnav ul ul li a {
padding-left:0px;
}
.theleftnav ul ul li a:hover {
padding-left:0px;
border-left:0px;
}

.theleftnav li.nav-path-selected a{
padding-left:0px;
border-left:0px;
}

.theleftnav ul ul li.nav-path-selected a {
padding-left:0px;
border-left:0px;
}
.theleftnav ul ul li.nav-path-selected a:hover {
padding-left:0px;
border-left:0px;
}

.pullup {
margin-top:0px;
}

.toplinks {
float:none;
}


}

@media (max-width: 480px) {

/* custom padding for some sitewide sections */
.jumbotop {

}

.jumbobottom {
padding: 10px 0;
}

.jumbofoot {
padding: 10px 0;
}

}

.sc_ajax_footer {
display: none!important;
}
#supercontrol-availability {
height: 700px!important;
}